<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>下拉框</title>
		<meta name="viewport" content="width=device-width, user-scalable=no,
		initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
		<title>Bootstrap 基本模板</title>
		<!-- Bootstrap的CSS文件 -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<!-- 如果要使用Bootstrap的JS插件，必须引入jQuery -->
		<script src="js/jquery-1.12.4.js"></script>
		<!-- Bootstrap的JS插件-->
		<script src="js/bootstrap.min.js"></script>
		
	</head>
	<body>
	<div id="myCarousel" class="carousel slide">
	    <!-- 轮播（Carousel）指标 -->
	    <ol class="carousel-indicators">
	        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
	        <li data-target="#myCarousel" data-slide-to="1"></li>
	        <li data-target="#myCarousel" data-slide-to="2"></li>
	    </ol>   
	    <!-- 轮播（Carousel）项目 -->
	    <div class="carousel-inner">
	        <div class="item active">
	            <img src="/wp-content/uploads/2014/07/slide1.png" alt="First slide">
	        </div>
	        <div class="item">
	            <img src="/wp-content/uploads/2014/07/slide2.png" alt="Second slide">
	        </div>
	        <div class="item">
	            <img src="/wp-content/uploads/2014/07/slide3.png" alt="Third slide">
	        </div>
	    </div>
	    <!-- 轮播（Carousel）导航 -->
	    <a class="carousel-control left" href="#myCarousel" 
	       data-slide="prev"> <span _ngcontent-c3="" aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span></a>
	    <a class="carousel-control right" href="#myCarousel" 
	       data-slide="next">&rsaquo;</a>
	</div>
	</body>
</html>
